@max-width: 960px;
@lowest: 1;
@low: 1;
@med: 1;

//GWOCN.jpg

.outer-shadow {
	-moz-box-shadow: 0 0 3px #888;
	-webkit-box-shadow: 0 0 3px#888;
	box-shadow: 0 0 3px #888;
}

.outer-shadow-big {
	-moz-box-shadow: 0 0 3px #888;
	-webkit-box-shadow: 0 0 3px#888;
	box-shadow: 0 0 3px #888;
}

.opacity (@amount) {
	@IEamount: @amount * 100;
    filter:alpha(opacity=@IEamount);
    opacity:@amount;
}

.link {
	cursor: pointer;
}

.gradient-background-red {
	background: #FFBFBF;
	filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFBFBF', endColorstr='#FF9191')"; /* for IE */
	background: ~"-webkit-gradient(linear, left top, left bottom, from(#FFBFBF), to(#FF9191))"; /* for webkit browsers */
	background: ~"-moz-linear-gradient(top,  #FFBFBF,  #FF9191)"; /* for firefox 3.6+ */ 
}

.gradient-background-green {
	background: #E3FFEA;
	filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr='#E3FFEA', endColorstr='#BFFFD0')"; /* for IE */
	background: ~"-webkit-gradient(linear, left top, left bottom, from(#E3FFEA), to(#BFFFD0))"; /* for webkit browsers */
	background: ~"-moz-linear-gradient(top,  #E3FFEA,  #BFFFD0)"; /* for firefox 3.6+ */ 
}

.gradient-background-white {
	background: #FFFFFF;
	filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F5F5F5')"; /* for IE */
	background: ~"-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F5F5F5))"; /* for webkit browsers */
	background: ~"-moz-linear-gradient(top,  #FFFFFF,  #F5F5F5)"; /* for firefox 3.6+ */ 
}

.gradient-background-blue {
	background: #FFFFFF;
	filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr='#C7F0FF', endColorstr='#00AFF0')"; /* for IE */
	background: ~"-webkit-gradient(linear, left top, left bottom, from(#C7F0FF), to(#00AFF0))"; /* for webkit browsers */
	background: ~"-moz-linear-gradient(top,  #C7F0FF,  #00AFF0)"; /* for firefox 3.6+ */ 
}

.unselectable {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.margin-left {
	margin-left: 40px;
}

.margin-top {
	margin-top: 2em;
}

//------------------

h1 {
	opacity: @low;
	font-size: 2em;
	font-weight: bold;
	color: #777777;
	margin-bottom: 0 !important;
}

h2, img, .slider {
	opacity: @low;
}

.well, ul, table.tbl {
	opacity: @med;
}

#recaptcha_image img {
	opacity: 1 !important;
}

body {
	//opacity: 0.15;
	font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif;
	font-size: small;
}

.table {
	
	border-collapse:collapse;
	TR {
		.inactive {
		background: #E3FFEA !important;
		}
	}
	
}

.hx {
	font-weight: bolder;
	font-size: 1.5em;
	padding-bottom: 7px;
}

.calculator-table {
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	TD, TH {
		.gradient-background-white;
		font-weight: bold;
		font-size: 14px;
	}
}

.loan-table {
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	TD {
		.gradient-background-white;
		vertical-align: top !important;
		DIV {
			line-height: 150%;
		}
	}
	.header {
		padding: 0;
	}	
	img {
		border: 1px solid #DDDDDD;
		border-radius: 2px;
		border-style: double;
		padding: 3px;
	}
	TD TD {
		background: none;
		border-bottom: none !important;
	}
	.left {
		white-space:nowrap; 
		.gwt-Label {
			font-weight: bold !important;
		}
		.nopadding;
		TD {
			.nopadding;
		}
		.pay-back {
			text-align: center !important;
		}
	}
}

.full-width {
	width: 100% !important;
}
.full-height {
	height: 100% !important;
}
.nopadding {
	padding: 0 !important;
}
.nowrap {
	white-space: nowrap !important;
}

#navbar {
	float: right;
}

.gridTable {
	border-collapse:collapse;
	TR {
		.gradient-background-white;
	}
	TD {
		padding: 10px 18px;
		border: 1px solid #000000;
		//height: 50px;
	}
	.inactive {
		.gradient-background-red;
	}
	.header {
		background-color: #F2F2F2;
		text-align: center;
		font-weight: bold;
	}
}

.form-table {
	border: none;
	TD {
		padding: 5px 20px 5px 0;
	}
	.gwt-TextBox, .gwt-TextArea {
		width: 100%;
	}
}

.loader {
	//.opacity(0.5);
	background-color: #FFFFFF;
	background-image: ~"url('img/loader.gif')";
	background-repeat: no-repeat;
	background-position: center;
	padding: 20px;
	border-radius: 7px;
	height: 32px;
	width: 32px;
	position: fixed;
	left: 50%;
	top: 50%;
}

.alertbox {
	.outer-shadow;
	opacity: @lowest;
	width: 100%;
	border-radius:2px;
	margin: 5px 0 5px 0;
	word-wrap: break-word;
	margin-bottom: 10px;
	.inner {
		padding: 10px 40px 10px 20px;
		font-weight: bold;
	}
}

.greenAlertbox {
	.gradient-background-green;
	border: 1px solid #66B366;
	.alertbox;
	.inner {
		color: #66B366;
 	}
}

.redAlertbox {
	.gradient-background-red;
	border: 1px solid #CC0000;
	.alertbox;
	.inner {
		color: #CC0000;
 	}
}

.close-button {
	position: absolute;
	cursor: pointer;
	background-image: ~"url('img/X.png')";
	width: 16px;
	height: 16px;
	right: 11px;
	bottom: 11px;
}

.popup-content {
	.outer-shadow-big;
	background-color: #FFFFFF;
	border-radius: 4px;
	padding: 10px;
}

.content {
	width: 100%;
	TD {
		padding-bottom: 10px;
	}
}

.button-bar {
	button {
		margin-right: 5px;
	}
}

.knob {
	padding: 0 !important;
	background-color: #0064CD;
	.unselectable;
}

.slider {
	background-color: #CCC;
	padding: 0 !important;
	.unselectable;
}

.rating-background {
	background-image: url('img/c.gif');
	background-repeat: repeat-x;
}

.rating-foreground {
	background-image: url('img/a.gif');
	background-repeat: repeat-x;
}

.calculator {
	margin-bottom: 15px;
	vertical-align: middle;
	.gwt-TextBox {
		font-weight: bold;
		font-size: 1.5em;
	}
	.gwt-Label {
		font-weight: bold;
		font-size: 1.5em;
	}
	.gwt-TextBox {
		width: 120px;
		height: auto;
		margin-left: 10px;
	}
	.well {
		margin-bottom: 0;
	}
	TD {
		vertical-align: middle !important;
		padding: 5px 10px 5px 0 !important;
	}
}

.container-fullwidth {
	width: 100%;
	height: auto;
	.upper TH {
		background-color: #00AFF0;
		padding-bottom: 15px;
	}
	
}

#maintable {
	width: 100%;	
}

#mainmenu {
	width:100%;
	ul {
		//.outer-shadow;
		margin: 0;
		float:right;
	}
	li {
		//.gradient-background-blue;
		background: #C9E9F5;
		display: inline-block;
		list-style-type: none;
		padding: 15px;
		color: #000000;
	}
	li.active {
		//.gradient-background-blue;
		background: #FFFFFF;
	}
}

#headline {
	H1 {
		text-align: left;
		color: #FFFFFF;
		small {
			color:#EEEEEE;
		}
	}
}




//---- Overrides

.gwt-TabLayoutPanel .gwt-TabLayoutPanelContentContainer {
	border: none !important;
}

.gwt-TabLayoutPanelTabs {
	padding-bottom: 10px;
	.gwt-TabLayoutPanelTab {
		color: #0069D6;
		padding-right: 10px;
		cursor: pointer;
	}
}

thead {
	TH {
		background-color: none !important;	
	}
}

//----- RichText

.RichTextToolbar {
	//background: #E2E2E2;
	padding:5px;
	margin:0px;
	TD {
		padding-bottom: 0 !important;
	}
	/*border: red 1px solid;*/
}

.gwt-RichTextArea {
	//border: 1px solid gray;
	border: 1px solid rgba(0, 0, 0, 0.05);
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
	
}

.RichTextToolbar .gwt-ToggleButton {
	background: #F4F4F4;
	border: 1px outset #ccc;
}

.RichTextToolbar .gwt-PushButton {
	background: #F4F4F4;
	border: 1px outset #ccc;
}

.RichTextToolbar .gwt-ToggleButton-up-hovering {
	background: #F4F4F4;
	border-color: #9cf #69e #69e #7af;
}

.RichTextToolbar .gwt-PushButton-up-hovering {
	background: #F4F4F4;
	border-color: #9cf #69e #69e #7af;
}

.RichTextToolbar .gwt-ToggleButton-down {
	background: #D5D5D5;
	border-color: #777777 #777777 #777777 #777777;
}

.RichTextToolbar .gwt-PushButton-down {
	background: #D5D5D5;
	border-color: #777777 #777777 #777777 #777777;
}

.RichTextToolbar .gwt-ToggleButton-down-hovering {
	background: #D5D5D5;
	border-color: #9cf #69e #69e #7af;
}

.RichTextToolbar .gwt-PushButton-down-hovering {
	background: #D5D5D5;
	border-color: #9cf #69e #69e #7af;
}

.RichTextToolbar .gwt-PushButton-up-disabled {
	background: #717171;
	border-color: #B9968F #B9968F #B9968F #B9968F;
}

.RichTextToolbar .gwt-PushButton-down-disabled {
	background: #717171;
	border-color: #B9968F #B9968F #B9968F #B9968F;
}

.RichTextToolbar .gwt-ToggleButton-up-disabled {
	background: #717171;
	border-color: #B9968F #B9968F #B9968F #B9968F;
}

.RichTextToolbar .gwt-ToggleButton-down-disabled {
	background: #717171;
	border-color: #B9968F #B9968F #B9968F #B9968F;
}
